<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<input type="text" name="">
	<p style="color:red;"></p>
	<script type="text/javascript">
		let inp = document.querySelector("input")
		let p = document.querySelector("p")
		/*
			量词
			* 重复0次或者无数次
			+ 重复1或多次
			? 重复0次或一次
			{n} 重复n次
			{n,} 重复n次或n次以上
			{n,m} 重复n到m次

		*/


		// 9219121291@qq.com
		let reg = /^\w{8,}@[0-9a-zA-Z]{2,}.com$/g

		inp.onblur = function(){
			console.log(this.value)
			let res = this.value.match(reg)
			console.log(res)
			if (res){
				p.innerText = "格式正确"
			}else{
				p.innerText = "请输入正确的邮箱"
			}
		}
		// 写一下手机号正则 1 (3-9) xxxxxxxxx
		let phone = /^1[3-9]\d{9}$/g;

		// 身份证正则
		const idCardRegex = /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dXx]$/;
	</script>
</body>
</html>